<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>E-code后台模板</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/defalut.theme.css" />
</head>
<body>
    <!-- 顶头部 start -->
    <header>
        <div class="head">
            <div class="logo pull-left">
                <img width="40" height="30" src="./images/admin-logo.png" alt="">
                <b>&nbsp;&nbsp;E-code</b>
            </div>
            <div class="info-right pull-right">
                <ul>
                    <a href=""><li class="pull-right"><i class="glyphicon glyphicon-home"></i> 网站前台 </li></a>
                    <a  href=""><li class="pull-right"><i class="glyphicon glyphicon-refresh"></i> 清除缓存 </li></a>
                    <a href=""><li class="pull-right"><i class="glyphicon glyphicon-user"></i> 欢迎：Admin </li></a>
                </ul>
            </div>

        </div>
    </header>
    <!-- 顶头部 stop -->

    <!-- 左侧菜单 start -->
    <aside>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-cog"></i>系统设置<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
                <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>网站设置</dd></a>
                <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>自定义导航</dd></a>
                <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>区域管理</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-tower"></i>权限管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>管理员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>角色管理</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>管理员日志</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>会员管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-th-list"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-folder-open"></i>页面类型<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>标签页</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>列表页</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>编辑页</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
    </aside>
    <!-- 左侧菜单 stop -->

    <!-- 主区域 start -->
    <div class="main">
        <!-- 路径导航 start -->
        <ol class="breadcrumb">
          <li><i class="glyphicon glyphicon-home"></i>&nbsp;&nbsp;<a href="#">后台首页</a></li>
          <li class="active">后台管理中心</li>
        </ol>
        <!-- 路径导航 end -->

    </div>
    <!-- 主区域 stop -->

    <!-- 底部区域 start -->
    <footer>
        
    </footer>
    <!-- 底部区域 stop -->
<script src="./javascript/jquery.min.js"></script>
<script src="./javascript/bootstrap.min.js"></script>
<script src="./javascript/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="./javascript/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script src="./javascript/Chart.js"></script>
<script src="./javascript/defalut.theme.js"></script>
<script>
    $(function(){
        // 左侧菜单展开事件
        $('.left-nav').click(function(){
            $('.left-nav').children('dt').children('.arrow-right').removeClass('glyphicon-menu-down');
            $('.left-nav dl').hide("slow");
            $(this).children('dl').stop(true, false).slideToggle("slow");
            $(this).children('dt').children('.arrow-right').addClass('glyphicon-menu-down');
        });
    });
</script>        
</body>
</html>